<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="郭嘉碧">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
    
    <title></title>
</head>
<body>
   <nav>
      <div class="container">
          <ul class="nav-left">
              <li><a href="">小米商城</a> |</li>
              <li><a href="">MIUI</a> |</li>
              <li><a href="">米聊</a> |</li>
              <li><a href="">游戏</a>  |</li>
              <li><a href="">多看阅读</a> |</li>
              <li><a href="">云服务</a> |</li>
              <li><a href="">金融</a> |</li>
              <li><a href="">小米商城手机版</a> |</li>
              <li><a href="">问题反馈</a> |</li>
              <li><a href="">Select Region</a> |</li>
          </ul>
          <ul class="nav-right">
              <li><a href="">登录</a> |</li>
              <li><a href="">注册</a> |</li>
              <li><a href="">消息通知</a> |</li>
              <li class="nav-last"><a href=""><span class="fa fa-shopping-cart"></span> 购物车(0)</a>
                <span class="nav-bottom">购物车中还没有商品，赶紧选购吧！</span>
                <span class="nav-white"></span>
              </li>
          </ul>
      </div>
   </nav>

   <main>
       <div class="main-img"><img src="./img/mi.png" alt=""></div>
       <div class="main-word">
          <ul>
              <li class="main-word-on"><a href="">小米手机</a></li>
              <li class="main-word-on"><a href="">红米</a></li>
              <li class="main-word-on"><a href="">平板·笔记本</a></li>
              <li class="main-word-on"><a href="">电视</a></li>
              <li class="main-word-on"><a href="">盒子·影音</a></li>
              <li class="main-word-on"><a href="">路由器</a></li>
              <li class="main-word-on"><a href="">智能硬件</a></li>
              <li class="main-word-one"><a href="">服务</a></li>
              <li class="main-word-two"><a href="">社区</a></li>
          </ul> 
       </div>

       <div class="main-put">
         <input type="text" name="" value=""><button type="button"><span class="fa fa-search"></span></button>
         <span class="main-left"><a href="">电视4A 55"</a></span>
         <span class="main-right"><a href="">小米note2 特惠</a></span>

       <div class="main-down">
       <ul>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>
           <li><a href="">小米6</a><span>约有七件</span></li>          
       </ul>
       </div> 
       </div>
       
   </main>
   <!--下拉菜单 -->
   <div class="main-phone">
      <div class="main-one">
          <span class="main-top">
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
               <div class="main-now">现货</div> 
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
      </div>
      <div class="main-one">
          <span class="main-top">
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
               <!-- <div class="main-now">现货</div>  -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
      </div>
       <div class="main-one">
          <span class="main-top">
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
               <div class="main-now">现货</div> 
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
      </div>
      <div class="main-one">
          <span class="main-top">
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
               <!-- <div class="main-now">现货</div>  -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
      </div>
      <div class="main-one">
          <span class="main-top">
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
               <div class="main-now">现货</div> 
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
      </div>
      <div class="main-one">
          <span class="main-top">
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
               <!-- <div class="main-now">现货</div>  -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <!-- <div class="main-now">现货</div> -->
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
      </div>
      <div class="main-one">
          <span class="main-top">
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
               <div class="main-now">现货</div> 
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span> 
          <span class="main-top">
              <div class="main-now">现货</div>
             <div class="main-top-img"><img src="./img/phone.png" alt=""></div>
             <div class="main-mi"><a href="">小米6</a></div>
             <div class="main-yuan">2999元</div>
          </span>
      </div>
   </div>

   <section>
        <div class="section-left">
           <ul>
              <li class="left-one"><a href="">手机卡 电话卡</a><span class="fa fa-angle-right"></span>
                 <div class="phone-card">
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                 </div>               
              </li>

              <li class="left-two"><a href="">笔记本 平板</a><span class="fa fa-angle-right"></span>
                 <div class="text-book">
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                 </div>
              </li>
              <li class="left-three"><a href="">电视 盒子</a><span class="fa fa-angle-right"></span>
                  <div class="television">
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                  </div>
              </li>
              <li class="left-four"><a href="">路由器 智能硬件</a><span class="fa fa-angle-right"></span>
                  <div class="router">
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                        <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                  </div>
              </li>
              <li class="left-five"><a href="">移动电源 电池插线板</a><span class="fa fa-angle-right"></span>
                  <div class="source">
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul>
                    <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                    </ul> 
                  </div>
              </li>
              <li class="left-six"><a href="">耳机 音箱</a><span class="fa fa-angle-right"></span>
                  <div class="headset">
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>
                     </ul>
                  </div>
              </li>
              <li class="left-seven"><a href="">保护套 贴膜</a><span class="fa fa-angle-right"></span>
                  <div class="protect">
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>  
                  </div>
              </li>
              <li class="left-eight"><a href="">线材 支架存储卡</a><span class="fa fa-angle-right"></span>
                  <div class="wire">
                      <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>   
                  </div>
              </li>
              <li class="left-nine"><a href="">箱包 服饰 鞋 眼镜 </a><span class="fa fa-angle-right"></span>
                  <div class="shoes">
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>  
                  </div>
              </li>
              <li class="left-ten"><a href="">米兔 生活周边</a><span class="fa fa-angle-right"></span>
                  <div class="rabbit">
                      <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                     <ul>
                         <li class="card-one">
                            <div class="card-img"><img src="./img/xm6_80.png" alt=""></div>
                            <div class="card-one-word">选购</div>
                         </li>                       
                     </ul>
                  </div>
              </li>
           </ul>
        </div>
     <!--轮播图  -->
    <div class="box">
        <ul class="img-list">
            <li class="current"><a href="#"><img src="img/01.jpg" alt=""></a></li>
            <li><a href="#"><img src="img/02.jpg" alt=""></a></li>
            <li><a href="#"><img src="img/03.jpg" alt=""></a></li>
            <li><a href="#"><img src="img/04.jpg" alt=""></a></li>
            <li><a href="#"><img src="img/05.jpg" alt=""></a></li>
        </ul>
        <ul class="indicator">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <div class="img-click">
            <span class="prev">&lt;</span>
            <span class="next">&gt;</span>
        </div>
    </div>
    <div class="div-center">
       <div class="div-center-word">
           <ul>
               <li>
                   <div class="fa fa-gift"></div>
                   <div class="phone">选购手机</div>
               </li>
               <li>
                   <div class="fa fa-gift"></div>
                   <div class="phone">选购手机</div>
               </li>
               <li>
                   <div class="fa fa-gift"></div>
                   <div class="phone">选购手机</div>
               </li>
           </ul>  
           <ul>
               <li>
                   <div class="fa fa-gift"></div>
                   <div class="phone">选购手机</div>
               </li>
               <li>
                   <div class="fa fa-gift"></div>
                   <div class="phone">选购手机</div>
               </li>
               <li>
                   <div class="fa fa-gift"></div>
                   <div class="phone">选购手机</div>
               </li>
           </ul>        
       </div>
       <div class="div-center-img"><img src="./img/xmad1.jpg" alt=""></div>
       <div class="div-center-img"><img src="./img/xmad2.jpg" alt=""></div>
       <div class="div-center-img"><img src="./img/xmad3.jpg" alt=""></div>  
    </div>
    <!--小米明星产品  -->
    <div class="start">
        <div class="start-left">小米明星单品</div>
        <div class="start-right">
            <ul>
                <li class="prev-two"><a href="javascript:;">&lt;</a></li>
                <li class="next-two"><a href="javascript:;">&gt;</a></li>
            </ul>
        </div>
    </div>
    <div class="picture">
        <ul class="picture-one">
            <li class="li-one"><a href="javascript:;">
                <img src="./img/cp1_1.png" alt="">
                <div class="wenzi">
                <p>小米MIX</p>
                <p>6.4" 全面屏，全陶瓷机身</p>
                <p>3499元起</p>
                </div>
            </a></li>
            <li class="li-two"><a href="javascript:;">
                <img src="./img/cp1_1.png" alt="">
                <div class="wenzi">
                <p>小米MIX</p>
                <p>6.4" 全面屏，全陶瓷机身</p>
                <p>3499元起</p>
                </div>
            </a></li>
            <li class="li-three"><a href="javascript:;">
                <img src="./img/cp1_1.png" alt="">
                <div class="wenzi">
                <p>小米MIX</p>
                <p>6.4" 全面屏，全陶瓷机身</p>
                <p>3499元起</p>
                </div>  
            </a></li>
            <li class="li-four"><a href="javascript:;">
                <img src="./img/cp1_1.png" alt="">
                <div class="wenzi">
                <p>小米MIX</p>
                <p>6.4" 全面屏，全陶瓷机身</p>
                <p>3499元起</p>
                </div>
                
            </a></li>
            <li class="li-five"><a href="javascript:;">
                <img src="./img/cp1_1.png" alt="">
                <div class="wenzi">
                <p>小米MIX</p>
                <p>6.4" 全面屏，全陶瓷机身</p>
                <p>3499元起</p>
                </div>
            </a></li>
        </ul>
    </div>
   </section>
   <!--家电-->
   <section class="jiaju">
       <div class="home-one">
           <div class="home-top">
               <div class="top-left">
                   <p>家电</p>
               </div>
               <div class="top-right">
                   <ul>
                       <li class="change"><a href="javascript:;" >热门</a></li>
                       <li class="change-two"><a href="javascript:;">电视影音</a></li>
                       <li class="change-three"><a href="javascript:;">电脑</a></li>
                       <li class="change-four"><a href="javascript:;">家居</a></li>
                   </ul>
               </div>
           </div>
           <div class="home-botton">
               <div class="botton-left">
                   <img src="./img/01.png" alt="">
               </div>
               <div class="botton-right">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/02.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/02.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/02.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/02.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/02.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/02.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/02.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/03.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
                <div class="botton-right-two">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/05.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/05.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/05.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/05.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/05.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/05.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/05.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/06.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
                 <div class="botton-right-three">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/07.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/07.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/07.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/07.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/07.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/07.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/07.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/08.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
           </div>
       </div>
        <div class="home-two">
           <div class="home-top">
               <div class="top-left">
                   <p>智能</p>
               </div>
               <div class="top-right-two">
                   <ul>
                       <li class="change"><a href="javascript:;" >热门</a></li>
                       <li class="change-two"><a href="javascript:;">出行</a></li>
                       <li class="change-three"><a href="javascript:;">健康</a></li>
                       <li class="change-four"><a href="javascript:;">酷玩</a></li>
                   </ul>
               </div>
           </div>
           <div class="home-botton">
               <div class="botton-left">
                   <img src="./img/11.png" alt="">
                   <img src="./img/12.png" alt="">
               </div>
               <div class="botton-right">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/13.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/13.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/13.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/13.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/13.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/13.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/13.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/14.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
                <div class="botton-right-two">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/15.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/15.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/15.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/15.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/15.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/15.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/15.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/16.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
                 <div class="botton-right-three">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/17.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/17.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/17.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/17.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/17.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/17.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/17.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/18.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
           </div>
       </div>
        <div class="home-three">
           <div class="home-top">
               <div class="top-left">
                   <p>搭配</p>
               </div>
               <div class="top-right-three">
                   <ul>
                       <li class="change"><a href="javascript:;" >热门</a></li>
                       <li class="change-two"><a href="javascript:;">耳机音箱</a></li>
                       <li class="change-three"><a href="javascript:;">电源</a></li>
                       <li class="change-four"><a href="javascript:;">电池存储卡</a></li>
                   </ul>
               </div>
           </div>
           <div class="home-botton">
               <div class="botton-left">
                   <img src="./img/19.png" alt="">
                   <img src="./img/20.png" alt="">
               </div>
               <div class="botton-right">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/22.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/22.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/22.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/22.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/22.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/22.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/22.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/25.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
                <div class="botton-right-two">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/23.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/23.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/23.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/23.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/23.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/23.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/23.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/26.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
                 <div class="botton-right-three">
                   <ul>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/21.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                          <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/21.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                            <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/21.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/21.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                        <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/21.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/21.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;">
                           <p class="home-p">享9折</p>
                           <img src="./img/21.png" alt="">
                           <div class="tv">
                           <p>小米电视4A 49英寸</p>
                           <p>8月23日小米电视品牌日，立减400元</p>
                           <p class="home-z">2199元</p>
                           </div>
                       </a>
                         <div class="shadow">
                              <p>用力两天的小米产品，感觉不是一般的棒，太好用了</p>
                              <p class="shadow-p">来自 感情癞子 的评价</p>
                          </div>
                       </li>
                       <li><a href="javascript:;"></a>
                       <span><img src="./img/27.png" alt=""></span>
                       <span><img src="./img/04.png" alt=""></span>
                       </li>
                   </ul>
               </div>
           </div>
       </div>
       <div class="foryou">
           <div class="foryou-top">
               <div class="top-left"><p>为你推荐</p></div>
               <div class="top-right">
                   <ul>
                       <li class="right-prev"><a href="javascript:;">&lt;</a></li>
                       <li class="right-next"><a href="javascript:;">&gt;</a></li>
                   </ul>
                </div>
           </div>
           <div class="foryou-bottom-one">
               <ul class="ul-one">
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
               </ul>
               <ul class="ul-two">
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
                   <li><a href="javascript:;">
                   <img src="./img/28.png" alt="">
                   <p class="pp-one">小米活塞耳机 清新版</p>
                   </a>
                   <p class="pp-two">2499元</p>
                   <p class="pp-three">5.5万人好评</p>
                   </li>
               </ul>
           </div>
       </div>
   </section>
    <!--底部  -->
    <div class="bottom">
        <div class="bottom-top">
            <ul>
                <li><a href="javascript:;" class="fa fa-wrench">预约维修服务</a></li>
                <li><a href="javascript:;" class="fa fa-wrench">7天无理由退货</a></li>
                <li><a href="javascript:;" class="fa fa-gift">15天免费换货</a></li>
                <li><a href="javascript:;" class="fa fa-gift">满150元包邮</a></li>
                <li><a href="javascript:;" class="fa fa-map-marker">520余家售后网点</a></li>
            </ul>
        </div>
        <hr>
        <div class="bottom-bottom">
            <div class="bottom-left">
                <ul>
                 <h3>帮助中心</h3>
                 <div>
                 <li><a href="javascript:;">账户管理</a></li>
                 <li><a href="javascript:;">购物指南</a></li>
                 <li><a href="javascript:;">订单操作</a></li>
                 </div>
                </ul>
                 <ul>
                 <h3>服务支持</h3>
                 <div>
                 <li><a href="javascript:;">售后政策</a></li>
                 <li><a href="javascript:;">自助服务</a></li>
                 <li><a href="javascript:;">相关下载</a></li>
                 </div>
                </ul>
                 <ul>
                 <h3>线下门店</h3>
                 <div>
                 <li><a href="javascript:;">小米之家</a></li>
                 <li><a href="javascript:;">服务网点</a></li>
                 <li><a href="javascript:;">零售网点</a></li>
                 </div>
                </ul>
                <ul>
                <h3>关于我们</h3>
                <div>
                 <li><a href="javascript:;">了解小米</a></li>
                 <li><a href="javascript:;">加入小米</a></li>
                 <li><a href="javascript:;">练习我们</a></li>
                 </div>
                </ul>
                <ul>
                <h3>关注我们</h3>
                <div>
                 <li><a href="javascript:;">新浪微博</a></li>
                 <li><a href="javascript:;">小米部落</a></li>
                 <li><a href="javascript:;">官方微信</a></li>
                 </div>
                </ul>
                <ul>
                <h3>特殊服务</h3>
                <div>
                 <li><a href="javascript:;">F码通道</a></li>
                 <li><a href="javascript:;">礼物吗</a></li>
                 <li><a href="javascript:;">防伪查询</a></li>
                 </div>
                </ul>
            </div>
            <div class="bottom-right">
                <p>400-100-5678</p>
                <p>周一至周日 8:00-18:00<br>（仅收市话费）</p>
                <li><a href="javascript:;" class="fa fa-send">24小时在线客服</a></li>
            </div>
        </div>
    </div>
    <!--最底部  -->
    <div class="most">
        <div class="most-list">
            <div class="most-left">
                <img src="./img/mi.png" alt="">
                <div class="right-right">
                    <ul>
                        <li><a href="javascript:;">小米商城|</a></li>
                        <li><a href="javascript:;">MIUI|</a></li>
                        <li><a href="javascript:;">米聊|</a></li>
                        <li><a href="javascript:;">多看书城|</a></li>
                        <li><a href="javascript:;">小米路由器|</a></li>
                        <li><a href="javascript:;">视频电话|</a></li>
                        <li><a href="javascript:;">小米天猫店|</a></li>
                        <li><a href="javascript:;">小米淘宝直营店|</a></li>
                        <li><a href="javascript:;">小米网盟|</a></li>
                        <li><a href="javascript:;">小米移动|</a></li>
                        <li><a href="javascript:;">隐私政策|</a></li>
                        <li><a href="javascript:;">Select Region</a></li>
                    </ul>
                    <ul>
                        <li><a href="javascript:;">©mi.com</a></li>
                        <li><a href="javascript:;">京ICP证110507号</a></li>
                        <li><a href="javascript:;">京ICP备10046444号</a></li>
                        <li><a href="javascript:;">京公网安备11010802020134号</a></li>
                        <li><a href="javascript:;">京网文[2014]0059-0009号</a></li>
                    </ul>
                    <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                </div>
            </div>
            <div class="most-right">
                <img src="./img/tp01.png" alt="">
                <img src="./img/tp02.png" alt="">
                <img src="./img/tp03.png" alt="">
                <img src="./img/tp04.png" alt="">
            </div>
           
        </div>
         <p>探索黑科技，小米为发烧而生!</p>
    </div>
   <script src="jquery.js"></script>
</body>
</html>
<script>
     //鼠标移动到input
     $('input').focus(function(){
        //  ev.stopPropagation();
      $(this).css({'border':'1px solid red','border-right':'none'});
      $('button').css('border','1px solid red');
      $('.main-down').css({'display':'block','border':'1px solid red','border-top':'none'})
      $('.main-left,.main-right').css('display','none')
     })
    $('input').blur(function(){
        $('input').css({'border':'1px solid #E2E3EA','border-right':'none'})
        $('button').css('border','1px solid #E2E3EA')
        $('.main-left,.main-right').css('display','block')
        $('.main-down').css('display','none')
    })

    // main 鼠标移动到文字 滑动 
     $('.main-word ul .main-word-on').mouseenter(function(){
         $('.main-phone').slideDown(500)
         $('.main-one').eq($(this).index()).css('display','block').siblings().css('display','none')
     })
     $('.main-word ul').mouseleave(function(){
         $('.main-phone').slideUp(500)
     })
     $('.main-word-one').mouseenter(function(){
         $('.main-phone').slideUp(500)
     })
     $('.main-word-two').mouseenter(function(){
         $('.main-phone').slideUp(500)
     })
     
    //  轮播图
     var index = 0;

    var timer = setInterval(nextImg,1000);
    function nextImg(){
        index ++;
        if (index == 5) {
            index = 0;
        }
        showImg();
    }
    function showImg(){
        $('.img-list li').eq(index).stop().fadeIn(300).siblings().stop().fadeOut(300);
        $('.indicator li').eq(index).addClass('active').siblings().removeClass('active');
    }

    $('.box').mouseenter(function(){
        clearInterval(timer);
        $('.img-click span').show();
    }).mouseleave(function(){
        timer = setInterval(nextImg,1000);
        $('.img-click span').hide();
    });
    // 根据指示灯切换
    $('.indicator li').click(function(){
        index = $(this).index();
        showImg();
    });

    //  点击切换
    $('.next').click(function(){
        nextImg();
    });
    $('.prev').click(function(){
        index --;
        if (index == -1) {
            index = 4;
        }
        showImg(); 
    });
    // 小米明星产品动画
    // 家电
    $('.top-right ul li').hover(function(){
        $(this).addClass('change').siblings()
        .removeClass('change');
    });
    $('.top-right-two ul li').hover(function(){
        $(this).addClass('change').siblings()
        .removeClass('change');
    });
    $('.top-right-three ul li').hover(function(){
        $(this).addClass('change').siblings()
        .removeClass('change');
    });
    // botton-right动画
    $('.botton-right ul li').mouseenter(function(){
        $(this).find('.shadow').stop().slideDown(300)
    });
    $('.botton-right ul li').mouseleave(function(){
        $(this).find('.shadow').stop().slideUp(300)
    });
    $('.botton-right-two ul li').mouseenter(function(){
        $(this).find('.shadow').stop().slideDown(300)
    });
    $('.botton-right-two ul li').mouseleave(function(){
        $(this).find('.shadow').stop().slideUp(300)
    });
    $('.botton-right-three ul li').mouseenter(function(){
        $(this).find('.shadow').stop().slideDown(300)
    });
    $('.botton-right-three ul li').mouseleave(function(){
        $(this).find('.shadow').stop().slideUp(300)
    });
    $('.top-right ul .change').mouseenter(function(){
        $('.botton-right').show();
        $('.botton-right-two').hide();
        $('.botton-right-three').hide();
    });
    $('.top-right ul .change-two').mouseenter(function(){
        $('.botton-right-two').show();
        $('.botton-right').hide();
        $('.botton-right-three').hide();
    });
    $('.top-right ul .change-two').mouseleave(function(){
        $('botton-right-two').hide();
    });
    $('.top-right ul .change-three').mouseenter(function(){
        $('.botton-right').hide();
        $('.botton-right-two').hide();
        $('.botton-right-three').show();
    });
    $('.top-right ul .change-three').mouseleave(function(){
        $('botton-right-three').hide();
    });
    $('.home-two .top-right-two ul .change').mouseenter(function(){
        $('.home-two .botton-right').show();
        $('.home-two .botton-right-two').hide();
        $('.home-two .botton-right-three').hide();
    });
    $('.home-two .top-right-two ul .change-two').mouseenter(function(){
        $('.home-two .botton-right-two').show();
        $('.home-two .botton-right').hide();
        $('.home-two .botton-right-three').hide();
    });
    $('.home-two .top-right-two ul .change-three').mouseenter(function(){
        $('.home-two .botton-right').hide();
        $('.home-two .botton-right-two').hide();
        $('.home-two .botton-right-three').show();
    });
    $('.home-three .top-right-three ul .change').mouseenter(function(){
        $('.home-three .botton-right').show();
        $('.home-three .botton-right-two').hide();
        $('.home-three .botton-right-three').hide();
    });
    $('.home-three .top-right-three ul .change-two').mouseenter(function(){
        $('.home-three .botton-right-two').show();
        $('.home-three .botton-right').hide();
        $('.home-three .botton-right-three').hide();
    });
    $('.home-three .top-right-three ul .change-three').mouseenter(function(){
        $('.home-three .botton-right').hide();
        $('.home-three .botton-right-two').hide();
        $('.home-three .botton-right-three').show();
    });


    var num = 0;
    $('.foryou .right-prev').click(function(){
        num++;
        if (num == 4) {
            num = 0;
        }
        $('.foryou-bottom-one ul').animate({left:-num*1300},500)
    })
   


</script>